<template>
  <div id="app">
    <happy-checkbox--group v-model="hobbies">
      <happy-checkbox label="篮球"></happy-checkbox>
      <happy-checkbox label="羽毛球"></happy-checkbox>
      <happy-checkbox label="乒乓球"></happy-checkbox>
      <happy-checkbox label="足球"></happy-checkbox>
    </happy-checkbox--group>
  </div>
</template>

<script>
export default {
    name: 'App',
    data(){
      return {
          hobbies: ['篮球', '羽毛球', '乒乓球']
      }
    },
    methods:{
        clear(){
            this.name = ''
        },
        showPassword(){
            this.type = 'text'
        },
        fn(){
          console.log('触发了')
        }
    }
}
</script>

<style scoped lang="scss">
.button{
   margin-left: 20px !important;
 }
</style>

